$(function () {
    // 一.大的选框
    $('.checkall').change(function () {
        console.log($(this).prop("checked"));
        $('.j-checkbox,.checkall').prop("checked", $(this).prop("checked"))
        getSum();
    })

    // 二.小的选框
    // 如果小复选框被选中的个数等于小复选框的个数就应该把全选按钮选上，否则全选按钮不选
    // :checked 选择器 :checked查找被选中的表单元素
    $('.j-checkbox').change(function () {
        // .j-checkbox:checked 小复选框被选中的个数
        // $('.j-checkbox').length)小复选框的个数
        if ($('.j-checkbox:checked').length == $('.j-checkbox').length) {
            $('.checkall').prop("checked", true);
        } else {
            $('.checkall').prop("checked", false);
        }
        getSum();
    })


    // 三.加数量
    $('.addNum').click(function () {
        //注意：！ 必须是得到当前兄弟文本框的值
        var n = $(this).siblings('.numBox').val()
        n++;
        $(this).siblings('.numBox').val(n);
        // 计算价格：
        // 1.获取每本书的价格
        var price = $(this).parent().siblings('.p-price').html();
        price = parseFloat(price.substr(1));
        // 2.把获取到的价格乘文本框的数字并放进总价,并且保留两位小数
        $(this).parent().siblings('.p-sum').html('￥' + (price * n).toFixed(2));
        getSum();
    })

    // 四.减数量
    $('.reNum').click(function () {
        var n = $(this).siblings('.numBox').val();
        if (n == 1) {
            return;
        } else {
            n--;
            $(this).siblings('.numBox').val(n);
        }
        // 计算价格：
        // 1. 获取每本书的单价
        var price = $(this).parent().siblings('.p-price').html()
        price = price.substr(1);
        //2.把获取到的价格乘文本框的数字并放进总价,并且保留两位小数
        $(this).parent().siblings('.p-sum').html("￥" + (price * n).toFixed(2))
        getSum();
    })
    // 五.用户修改文本框的值改变价格
    $('.numBox').change(function () {
        n = $(this).val();
        var price = $(this).parent().siblings('.p-price').html()
        price = price.substr(1);
        //2.把获取到的价格乘文本框的数字并放进总价,并且保留两位小数
        $(this).parent().siblings('.p-sum').html("￥" + (price * n).toFixed(2))
        getSum();
    })
    // 六.设置价格
    getSum();
    function getSum() {
        var count = 0;
        var money = 0;
        // 1.遍历表单里面的数量
        $('.numBox').each(function (i, dom) {
            // 获取数量并转为整形，表单获取元素里面的内容用 val(),其他用html()来获取元素里面的内容
            count += parseInt($(dom).val());
            // 把拿到的数量放到总计里面
            $('.amount-sum').html(count);
        })
        // 2.遍历总价格并计算价格
        $('.p-sum').each(function (i, dom) {
            // 这个是获取价格$(dom).html() ￥21.00需要去掉 ￥
            // parseFloat是转为浮点型
            money += parseFloat($(dom).text().substr(1));
            console.log(money);
            //把得到的钱再放进去总价格里面
            $('.price-sum').text('￥' + money.toFixed(2));
        })


    }

    // 七.删除商品
    $('.p-action').click(function () {
        // (1) 商品后面的删除按钮
        $(this).parents('.car-item').remove();
        getSum();
    })
    // (2) 删除选中的商品
    $('.remove-batch').click(function () {
        $('.j-checkbox:checked').parents('.car-item').remove();
        getSum();
    })
    // (3) 清空购物车 删除全部商品
    $(".clear-all").click(function () {
        $(".car-item").remove();
        getSum();
    })
})